/**
 * 学习目标：获取事件对象，阻止a标签的默认行为
 */
import React from 'react';
import ReactDOM from 'react-dom';

class App extends React.Component {
  handleClick(e) {
    console.log('e -----> ', e);
    e.preventDefault();
  }
  render() {
    return (
      <>
        {/* 绑定事件，调用时会把当前的 事件对象 作为形参传递过来，跟vue类似 */}
        <a
          href="http://www.baidu.com"
          // 写法1， 函数中直接接收 e 即可
          // onClick={(e) => e.preventDefault()}
          onClick={this.handleClick}
        >
          点我会跳转
        </a>
      </>
    );
  }
}

ReactDOM.render(<App></App>, document.getElementById('root'));
